{% if os_items %}
<div class="b-lmenu"><ul class="MenuList">
{% for os in os_items %}
	<li class="MenuItem {% ifequal cur_os os %}Cur{% endifequal %}"> 
		<a href="{% url category_os_view os.pk %}">{{ os.title }}</a>
		{% ifnotequal os.get_categoryes.count 0 %}
			<ul class="SubMenu" style="display: none;">
			{% for cat in os.get_categoryes %}
				<li class="{% if forloop.first %}First{% endif %} {% ifequal cur_cat cat.parent %}Cur{% endifequal %}">
					<a href="{% url category_from_os_view os.pk cat.parent.pk %}">{{ cat.parent }}</a>
				</li>
			{% endfor %}
			</ul>
			<span class="OpenArr"></span>
			<span class="Arr"></span>
		{% endifnotequal %}
	</li>
{% endfor %}
</ul></div>
<script type="text/javascript">
	$(document).ready(function(){
		//Open SubMenu
		$(".MenuList .MenuItem span.Arr").live("click", function(){
			$(this).toggle();
			$(".MenuList .MenuItem span.OpenArr").toggle();
			$(this).parent().find("ul.SubMenu").toggle();
		});
		//Close SubMenu
		$(".MenuList .MenuItem span.OpenArr").live("click", function(){
			$(this).toggle();
			$(".MenuList .MenuItem span.Arr").toggle();
			$(this).parent().find("ul.SubMenu").toggle();
		});
	});
</script>
{% endif %}
